文章发布界面
就是一个类型选择、标题输入(input)、内容输入(hf_editor)
代码就不详细说明了
当我们需要修改博客的时候一般的界面显示就是显示一个和发布类似的输入框,只是里面存有之前填写的内容,但是我们会发现如果在html中可以通过value属性或者标签中间添加内容来实现,但是微信小程序的hf_editor不行,而input可以通过value属性来实现,通过查阅hf_editor的js文件也就是editor.js,我找到了一个方法。
hf_editor实现内容回显
editor.js文件
setHtml(html) { //回显
if (html) {
this.createSelectorQuery().select('#editor').context((res) => {
this.editorCtx = res.context
this.editorCtx.setContents({
html,
fail: (err) => {
console.log(`内容回显失败:${err}`);
}
})
}).exec()
}
},
setHtml(html)可以将属性html的内容回显到富文本编辑器中,当你调用数据库获取内容之后执行这个方法就可以实现回显
that.selectComponent('#hf_editor').setHtml("回显的内容") //回显函数
结果显示
至此功能完成